<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	//获取路径
	String contextPath = request.getContextPath();
	String path = request.getScheme() + "://" + request.getServerName()
			+ ":" + request.getServerPort() + contextPath;
%>
<%@ include file="/assets/css/helios.jsp" %>

<!DOCTYPE HTML>

<html>
	<head>
		<title>云忆</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="<%=path%>/assets/css/helios.css" />
	</head>
	<body class="homepage">
		<div id="page-wrapper">

			<!-- Header -->
				<div id="header">

					<!-- Inner -->
						<div class="inner">
							<header>
								<h1><a href="index.html" id="logo">云忆</a></h1>
								<hr />
								<p>个人永久主页</p>
							</header>
							<footer>
								<a href="#banner" class="button circled scrolly">探索</a>
							</footer>
						</div>

					<!-- Nav -->
						<nav id="nav">
							<ul>
								<li><a href="#banner">样例</a></li>
								<li><a href="http://119.29.26.204:8080/pisces/admin/register/registerInf">注册</a></li>
								<li><a href="http://119.29.26.204:8080/pisces/admin/home/login">登录</a></li>
							</ul>
						</nav>

				</div>

			<!-- Banner -->
				<section id="banner">
					<header>
						<h2>这里有许多优秀的个人主页：</h2>
						<p>
							他们使用云忆，制作了精美的个人电子档案。
							快来看看把~
						</p>
					</header>
				</section>

			<!-- Carousel -->
				<section class="carousel">
					<div class="reel">

						<article>
							<a href="http://119.29.26.204:8080/pisces/admin/xln?num=37b18d73-b277-494e-bbc0-242490dcf398" class="image featured"><img src="<%=path%>/images/people/pic01.jpg" alt="" /></a>
							<header>
								<h3><a href="http://119.29.26.204:8080/pisces/admin/xln?num=37b18d73-b277-494e-bbc0-242490dcf398">Pulvinar</a></h3>
							</header>
							<p>帅气的互联网工程师.</p>
						</article>

						<article>
							<a href="http://119.29.26.204:8080/pisces/admin/xln?num=fc7656f2-60cf-43b7-8266-02d77547c194" class="image featured"><img src="<%=path%>/images/people/pic02.jpg" alt="" /></a>
							<header>
								<h3><a href="http://119.29.26.204:8080/pisces/admin/xln?num=fc7656f2-60cf-43b7-8266-02d77547c194">Fermentum</a></h3>
							</header>
							<p>惹人怜爱的小天使.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic03.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Abbyabbie</a></h3>
							</header>
							<p>眼睛超大的好奇宝宝.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic04.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Ultrices</a></h3>
							</header>
							<p>聪明伶俐的小公主.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic05.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Varius</a></h3>
							</header>
							<p>热爱自然的森林女孩.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic01.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Pulvinar</a></h3>
							</header>
							<p>帅气的互联网工程师.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic02.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Fermentum</a></h3>
							</header>
							<p>惹人怜爱的小天使.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic03.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Abbyabbie</a></h3>
							</header>
							<p>眼睛超大的好奇宝宝.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic04.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Ultrices</a></h3>
							</header>
							<p>聪明伶俐的小公主.</p>
						</article>

						<article>
							<a href="#" class="image featured"><img src="<%=path%>/images/people/pic05.jpg" alt="" /></a>
							<header>
								<h3><a href="#">Varius</a></h3>
							</header>
							<p>热爱自然的森林女孩.</p>
						</article>

					</div>
				</section>

			<!-- Main -->


			<!-- Features -->
				<div class="wrapper style1">

					<section id="features" class="container special">
						<header>
							<h2>将爱存在云端，让记忆永存</h2>
							<p>无论何时、何地，拿出手机扫一扫，马上就能查看个人主页！</p>
						</header>
						<div class="row">
							<article class="4u 12u(mobile) special">
								<a href="#" class="image featured"><img src="<%=path%>/images/people/pic07.jpg" alt="" /></a>
								<header>
									<h3>为亲人</h3>
								</header>
								<p>
									为亲人建立主页，让亲情永存。
								</p>
							</article>
							<article class="4u 12u(mobile) special">
								<a href="#" class="image featured"><img src="<%=path%>/images/people/pic08.jpg" alt="" /></a>
								<header>
									<h3>为挚友</h3>
								</header>
								<p>
									为挚友建立主页，友谊无价！
								</p>
							</article>
							<article class="4u 12u(mobile) special">
								<a href="#" class="image featured"><img src="<%=path%>/images/people/pic09.jpg" alt="" /></a>
								<header>
									<h3>为恩师</h3>
								</header>
								<p>
									为恩师建立主页，浓浓师生情更显珍贵。
								</p>
							</article>
						</div>
					</section>

				</div>

			<!-- Footer -->
				<div id="footer">
					<div class="container">
						
						<div class="row">
							<div class="12u">

								<!-- Copyright -->
									<div class="copyright">
										<ul class="menu">
											<li>&copy; Untitled. All rights reserved.</li><li>云忆</li>
										</ul>
									</div>

							</div>

						</div>
					</div>
				</div>

		</div>

		<!-- Scripts -->
			<script src="<%=path%>/assets/js/jquery.min.js"></script>
			<script src="<%=path%>/assets/js/jquery.dropotron.min.js"></script>
			<script src="<%=path%>/assets/js/jquery.scrolly.min.js"></script>
			<script src="<%=path%>/assets/js/jquery.onvisible.min.js"></script>
			<script src="<%=path%>/assets/js/skel.min.js"></script>
			<script src="<%=path%>/assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="<%=path%>/assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="<%=path%>/assets/js/helios.js"></script>

	</body>
</html>